/* ----------------------------------------------
[ box-shadow ]
------------------------------------------------- */
.boxshadow,ul.tabfeedtmore,ul.selopt,ul.appsttmore,.brthtip .brthtip_cont{box-shadow:0 1px 0 0 #E1E1E1, 0 2px 2px 0 #F2F2F2, 0 0 3px #F2F2F2;moz-box-shadow:0 1px 0 0 #E1E1E1, 0 2px 2px 0 #F2F2F2, 0 0 3px #F2F2F2;-webkit-box-shadow:0 1px 0 0 #E1E1E1, 0 2px 2px 0 #F2F2F2, 0 0 3px #F2F2F2;-o-box-shadow:0 1px 0 0 #E1E1E1, 0 2px 2px 0 #F2F2F2, 0 0 3px #F2F2F2;}

/* ----------------------------------------------
[ avatar size ]
------------------------------------------------- */
.avt_radius,.profileavt img,.zmacc_avt img{border-radius:100%;border-style:solid;border-width:2px;border-color:#EAEAEA;transition: all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s;-webkit-transition: all 0.5s ease 0s;}
a:hover .avt_radius, .avt_radius:hover, *:hover > .avt_radius{border-color:#00a2ff;}
.avt_radius,.birthremider_list .birthavt,.recentbrth .brthuser .brthuser_avt,.brthcalcircle,.suggfrd_list .suggfrdavt{width:46px;height:46px;}

/* ----------------------------------------------
[ buttons ]
------------------------------------------------- */
.zmbtn01,.zmbtn02,.zmbtn03{border-radius:3px;color:#fff;height:25px;line-height:25px;font-weight:bold;padding:0 10px;display:inline-block;vertical-align:bottom;}
.zmbtn01{background:#1e80d7;/* Old browsers */
	background: -moz-linear-gradient(top,  #2084de 0%, #1e7acc 100%);/* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2084de), color-stop(100%,#1e7acc));/* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #2084de 0%,#1e7acc 100%);/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #2084de 0%,#1e7acc 100%);/* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #2084de 0%,#1e7acc 100%);/* IE10+ */
	background: linear-gradient(to bottom,  #2084de 0%,#1e7acc 100%);/* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2084de', endColorstr='#1e7acc',GradientType=0 );/* IE6-9 */}
.zmbtn01:hover{color:#fff;background:#1e7bcf;
	background: -moz-linear-gradient(top,  #1e7bcf 0%, #1b6eb8 100%);/* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1e7bcf), color-stop(100%,#1b6eb8));/* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #1e7bcf 0%,#1b6eb8 100%);/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #1e7bcf 0%,#1b6eb8 100%);/* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #1e7bcf 0%,#1b6eb8 100%);/* IE10+ */
	background: linear-gradient(to bottom,  #1e7bcf 0%,#1b6eb8 100%);/* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e7bcf', endColorstr='#1b6eb8',GradientType=0 );/* IE6-9 */}
.zmbtn02{color:#fff; background:#01b069;  /* Old browsers */
	background: -moz-linear-gradient(top,  #01b069 0%, #01a260 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#01b069), color-stop(100%,#01a260)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #01b069 0%,#01a260 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #01b069 0%,#01a260 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #01b069 0%,#01a260 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #01b069 0%,#01a260 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#01b069', endColorstr='#01af67',GradientType=0 ); /* IE6-9 */}
.zmbtn02:hover{color:#fff;background:#01a260;  /* Old browsers */
	background: -moz-linear-gradient(top,  #01a260 0%, #018951 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#01a260), color-stop(100%,#018951)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #01a260 0%,#018951 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #01a260 0%,#018951 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #01a260 0%,#018951 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #01a260 0%,#018951 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#01a260', endColorstr='#018951',GradientType=0 ); /* IE6-9 */}
.zmbtn03{background-color:#ccc;font-weight:normal;}
.zmbtn03:hover{background-color:#999;color:#fff;}

/* ----------------------------------------------
[ popup ]
------------------------------------------------- */
.zmpuclose span,.fixedbox_close a{background-image:url(../images/zmpu_sprt.png);}
/*Close icon */
.zmpuclose{float:right;margin:9px 6px 0 0;padding:4px;}
.fixedbox_close a{margin-top:2px;}
.zmpuclose span,.fixedbox_close a{display:block;background-position:0 0;width:16px;height:16px;}
.zmpuclose:hover span,.fixedbox_close a:hover{background-position:0 -16px;}

.zmpopup_overlay,.zmpopup{z-index:50;}
.zmpopup_overlay{position:fixed;width:100%;height:100%;background:url(../images/opacity_overlay.png);top:0;left:0;}
.zmpopup{position:absolute;border-radius:2px;overflow:hidden;box-shadow:0 0 5px #111;}
.zmpopup.pu_small{width:300px;}
.zmpopup.pu_med{width:400px;}
.zmpopup.pu_large{width:500px;}
.zmpopup.pu_larger{width:650px;}
.zmputitle{background-color:#1f83dd;line-height:40px;border-bottom:2px solid #1271c6;}
.zmputitle strong{display:block;padding:0 10px;color:#fff;font-size:14px;}
.zmpucont{border:1px solid #e1e1e1;border-width:0 1px 0;background-color:#fff;padding:10px;}
.zmpubot{border:1px solid #e1e1e1;background-color:#f9f9f9;}
.zmpubotbar .morelink{display:block;line-height:38px;color:#2d81b8;text-transform:uppercase;font-size:13px;text-align:center;font-weight:bold;}
.zmpubotbar .morelink:hover{background-color:#eee;}
.zmpubotbar .morelink em{border-color:#2d81b8 transparent transparent transparent;border-style:solid;border-width:4px;display:inline-block;vertical-align:-1px;width:0;height:0;line-height:0;margin-left:5px;}
.zmpubtn{text-align:right;padding:10px;}
.zmpubtn .submitbtn,.zmpubtn .cancelbtn{display:inline-block;margin-left:5px;border-radius:2px;color:#fff;font-weight:bold;font-size:12px;line-height:26px;padding:0 10px;}
.zmpubtn .submitbtn{background: #2085df;
	background: -moz-linear-gradient(top,  #2085df 0%, #1d77c7 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2085df), color-stop(100%,#1d77c7));
	background: -webkit-linear-gradient(top,  #2085df 0%,#1d77c7 100%);
	background: -o-linear-gradient(top,  #2085df 0%,#1d77c7 100%);
	background: -ms-linear-gradient(top,  #2085df 0%,#1d77c7 100%);
	background: linear-gradient(to bottom,  #2085df 0%,#1d77c7 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2085df', endColorstr='#1d77c7',GradientType=0 );}
.zmpubtn .submitbtn:hover{background:#1e7bcf;
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#1e7bcf), to(#1b6eb8));
	background: -webkit-linear-gradient(#1e7bcf 0%, #1b6eb8 100%);
	background: -moz-linear-gradient(#1e7bcf 0%, #1b6eb8 100%);
	background: -o-linear-gradient(#1e7bcf 0%, #1b6eb8 100%);
	background: linear-gradient(#1e7bcf 0%, #1b6eb8 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e7bcf', endColorstr='#1b6eb8',GradientType=0 );/* IE6-9 */}
.zmpubtn .cancelbtn{background-color:#ccc;}
.zmpubtn .cancelbtn:hover{background-color:#999;}

/*Popup list view*/
	.zmpopup .ui_listrow{margin:-10px;}
	.zmpopup .ui_listrow .listrow{border-top:1px solid #f3f2f2;padding:10px;min-height:50px;}
	.zmpopup .ui_listrow .listrow:hover{background-color:#f9f9f9;}
	.zmpopup .ui_listrow .listrow:first-child{border-top:0 none;}

/* Full-height popup */
.fixedbox_overlay{height:100%;width:100%;background:url(../images/opacity_overlay.png);position:fixed;top:0;left:0;z-index:49;}
.fixedbox_wrapper{position:fixed;width:100%;height:100%;z-index:50;top:0;left:0;}
.fixedbox_body,.fixedbox_footer{width:980px;} /* Global_width */
.fixedbox_footer,.fixedtitle .fixedbox_top{position:fixed;left:50%;margin-left:-490px;z-index:920;} /* Margin_Left = Global_width/2 */
.fbxpad{padding:10px;}
.fixedbox_content_inner{overflow-y:scroll;}
/* Fixed title-bar */
.fixedbox_close{float:right;}
.fixedbox_body .fixedbox_title{display:block;border-bottom:2px solid #116bbc;background-color:#1f83dd;line-height:normal;}
.fixedbox_body .fixedbox_titletext{float:left;font-size:14px;font-weight:bold;color:#fff;}
/* Fixed bottom bar */
.fixedbox_footer{bottom:0;}
.fixedbox_footer .fixedbox_botcont{background-color:#f9f9f9;border-top:1px solid #d6d6d6;}
.fixedbox_footer .loadmore_link{display:block;font-size:11px;font-weight:bold; text-transform:uppercase;text-align:center;padding:7px 0;margin:-10px;color:#2d81b8;}
.fixedbox_footer .loadmore_link:hover{text-decoration:none;color:#476DA4;background-color:#F2F2F2;}
.loadmore_link span{display:inline-block;width:9px;height:5px;margin-right:5px;vertical-align:2px;}
.loadmore_link span em{background-color:#2d81b8;display:block;height:1px;line-height:1px;font-size:0;}
.loadmore_link span em.l02{margin:0 1px;}
.loadmore_link span em.l03{margin:0 2px;}
.loadmore_link span em.l04{margin:0 3px;}
.loadmore_link span em.l05{margin:0 4px;width:1px;}
.fixedbox_body{margin:0 auto;background-color:#F2F2F2;min-height:100%;box-shadow:0 0 8px #000;position:relative;}

/* ----------------------------------------------
[ Scrollable ui ]
------------------------------------------------- */
.zmscrollableui{height:100%;width:100%;overflow:hidden;position:relative;}
.zmscrollableui_wrapper{height:100%;overflow-x:hidden;overflow-y:auto;position:relative;width:150%;outline: none;}
.zmscrollableui_body{position:relative;}
.zmscrollableui_bar{display:block;cursor:pointer;position:absolute;top:2px;bottom:2px;right:2px;width:7px;z-index:1;*height: 100%;}
.zmscrollableui_gripper{position:absolute;-moz-transition:25ms;-webkit-transition:25ms;min-height:100px;width:5px;background-clip:content-box;-webkit-background-clip:content-box;background-color:rgba(0, 0, 0, .4);background-color: #999\9;border:1px solid rgba(85, 85, 85, .6);-webkit-border-radius:7px;border-radius:7px;width:100%\9;}
.zmscrollableui.contentBefore:before, .zmscrollableui.contentAfter:after {content: "";display: block;height: 2px;position: absolute;width: 100%;z-index: 99;}
.zmscrollableui.contentBefore:before {top: 0;}
.zmscrollableui.contentAfter:after {bottom: 0;}
@keyframes bar_scalewidth {from {width:9px}to {width:17px}}
@-webkit-keyframes bar_scalewidth {from {width:9px}to {width:17px}}
@keyframes gripper_scalewidth {from {width:5px;margin:0}to {width:9px;margin:3px}}
@-webkit-keyframes gripper_scalewidth {from {width:5px;margin:0}to {width:9px;margin:3px}}
@keyframes bar_scalewidth_rev {from {width:17px}to {width:9px}}
@keyframes gripper_scalewidth_rev {from {width:9px;margin:3px}to {width:5px;margin:0}}
.zmscrollableui_bar.hasbg{border-left:1px solid #ccc;
	background-color: rgba(250, 250, 250, .5);
	background-color: #fafafa\9;
	background-image:-webkit-gradient(linear, 0% 0%, 80% 0%, from(rgba(220, 220, 220, .5)),to(rgba(254, 254, 254, .5)));
	background-image:-webkit-linear-gradient(left, rgba(220, 220, 220, .5), rgba(254, 254, 254, .5));
	background-image:-moz-linear-gradient(left, rgba(220, 220, 220, .5), rgba(254, 254, 254, .5));
	background-image:-ms-linear-gradient(left, rgba(220, 220, 220, .5), rgba(254, 254, 254, .5));
	background-image:-o-linear-gradient(left, rgba(220, 220, 220, .5), rgba(254, 254, 254, .5));
}
.zmscrollableui_bar.large{width:17px;width:13px\9;animation:bar_scalewidth 800ms;-webkit-animation:bar_scalewidth 800ms;}
.zmscrollableui_bar.large .zmscrollableui_gripper{margin:3px;width:9px;animation:gripper_scalewidth 800ms;-webkit-animation:gripper_scalewidth 800ms;}
.zmscrollableui_bar.small{animation:bar_scalewidth_rev 800ms;-webkit-animation:bar_scalewidth 800ms;-webkit-animation-direction:reverse;}
.zmscrollableui_bar.small .zmscrollableui_gripper{animation:gripper_scalewidth_rev 800ms;-webkit-animation:gripper_scalewidth 800ms;-webkit-animation-direction:reverse;}